<template>
<!--<br>{{admin}}-->


  <div class="imgaa">
    <img src="../../assets/1.png" alt="">
  </div>
<div class="row">
  <div class="col-4">
  <div class="asd">
    <router-link to="AdminMain">
      未审核
    </router-link>
  </div>
  </div>

    <div class="col-4">
  <div class="abd">
    <router-link to="Finished">
      已审核
    </router-link>
  </div>
    </div>

      <div class="col-4">
  <button @click="request.get('admin/logout').then(()=>router.push('admin'))" class="btn btn-outline-danger" style="width: 30%">退出</button>
      </div>
</div>


  <div class="container-fluid" style="margin-top: 3%">

    <div class="row" >

      <div class="col-2">
      </div>

      <div class="col-10" >
        <div class="row" >
          <div class="card border-dark mb-5 me-5" v-for="(i,x) in unCheckedVideos" :key="x" style="max-width: 20rem;max-height: 20rem;">
            <router-link :to="'Shenghe?video_id='+i.videoid">
              <div class="card-header bcad">标题:{{ i.title }}</div>
              <div class="card-body text-dark">
                <h5 class="card-title">作者: {{ i.uuid }}</h5>
                <h5 class="card-title">上传时间: {{ i.up_time}}</h5>
                <h5 class="card-title">视频简介: </h5>
                <p class="card-text bcad">{{i.info}}</p>
              </div>
            </router-link>
          </div>
        </div>
<!--        <div class="row">
          <div class="col-3">
            <div class="card border-dark mb-3" style="max-width: 18rem;max-height: 18rem;">
              <a href="Shenghe.html">
                <div class="card-header bcad">标题:aaaaaaaaaaaaaaaaaaaaaaa</div>
                <div class="card-body text-dark">
                  <h5 class="card-title">作者:</h5>
                  <h5 class="card-title">上传时间:</h5>
                  <h5 class="card-title">视频简介:</h5>
                  <p class="card-text bcad">我是王志伟我是我志伟我是是王志伟我是</p>
                </div>
              </a>
            </div>

            <div class="card border-dark mb-3" style="max-width: 18rem;max-height: 18rem;">
              <a href="Shenghe.html">
                <div class="card-header bcad">标题:</div>
                <div class="card-body text-dark">
                  <h5 class="card-title">作者:</h5>
                  <h5 class="card-title">上传时间:</h5>
                  <h5 class="card-title">视频简介:</h5>
                  <p class="card-text bcad">我是王志伟我是我志伟我是是王志伟我是</p>
                </div>
              </a>
            </div>

            <div class="card border-dark mb-3" style="max-width: 18rem;max-height: 18rem;">
              <a href="Shenghe.html">
                <div class="card-header bcad">标题:</div>
                <div class="card-body text-dark">
                  <h5 class="card-title">作者:</h5>
                  <h5 class="card-title">上传时间:</h5>
                  <h5 class="card-title">视频简介:</h5>
                  <p class="card-text bcad">我是王志伟我是我志伟我是是王志伟我是</p>
                </div>
              </a>
            </div>

          </div>

          <div class="col-3">
            <div class="card border-dark mb-3" style="max-width: 18rem;max-height: 18rem;">
              <a href="Shenghe.html">
                <div class="card-header bcad">标题:</div>
                <div class="card-body text-dark">
                  <h5 class="card-title">作者:</h5>
                  <h5 class="card-title">上传时间:</h5>
                  <h5 class="card-title">视频简介:</h5>
                  <p class="card-text bcad">我是王志伟我是我志伟我是是王志伟我是</p>
                </div>
              </a>
            </div>

            <div class="card border-dark mb-3" style="max-width: 18rem;max-height: 18rem;">
              <a href="Shenghe.html">
                <div class="card-header bcad">标题:</div>
                <div class="card-body text-dark">
                  <h5 class="card-title">作者:</h5>
                  <h5 class="card-title">上传时间:</h5>
                  <h5 class="card-title">视频简介:</h5>
                  <p class="card-text bcad">我是王志伟我是我志伟我是是王志伟我是</p>
                </div>
              </a>
            </div>

            <div class="card border-dark mb-3" style="max-width: 18rem;max-height: 18rem;">
              <a href="Shenghe.html">
                <div class="card-header bcad">标题:</div>
                <div class="card-body text-dark">
                  <h5 class="card-title">作者:</h5>
                  <h5 class="card-title">上传时间:</h5>
                  <h5 class="card-title">视频简介:</h5>
                  <p class="card-text bcad">我是王志伟我是我志伟我是是王志伟我是</p>
                </div>
              </a>
            </div>

          </div>

          <div class="col-3">
            <div class="card border-dark mb-3" style="max-width: 18rem;max-height: 18rem;">
              <a href="Shenghe.html">
                <div class="card-header bcad">标题:</div>
                <div class="card-body text-dark">
                  <h5 class="card-title">作者:</h5>
                  <h5 class="card-title">上传时间:</h5>
                  <h5 class="card-title">视频简介:</h5>
                  <p class="card-text bcad">我是王志伟我是我志伟我是是王志伟我是</p>
                </div>
              </a>
            </div>

            <div class="card border-dark mb-3" style="max-width: 18rem;max-height: 18rem;">
              <a href="Shenghe.html">
                <div class="card-header bcad">标题:</div>
                <div class="card-body text-dark">
                  <h5 class="card-title">作者:</h5>
                  <h5 class="card-title">上传时间:</h5>
                  <h5 class="card-title">视频简介:</h5>
                  <p class="card-text bcad">我是王志伟我是我志伟我是是王志伟我是</p>
                </div>
              </a>
            </div>

            <div class="card border-dark mb-3" style="max-width: 18rem;max-height: 18rem;">
              <a href="Shenghe.html">
                <div class="card-header bcad">标题:</div>
                <div class="card-body text-dark">
                  <h5 class="card-title">作者:</h5>
                  <h5 class="card-title">上传时间:</h5>
                  <h5 class="card-title">视频简介:</h5>
                  <p class="card-text bcad">我是王志伟我是我志伟我是是王志伟我是</p>
                </div>
              </a>
            </div>

          </div>

          <div class="col-3">
            <div class="card border-dark mb-3" style="max-width: 18rem;max-height: 18rem;">
              <a href="Shenghe.html">
                <div class="card-header bcad">标题:</div>
                <div class="card-body text-dark">
                  <h5 class="card-title">作者:</h5>
                  <h5 class="card-title">上传时间:</h5>
                  <h5 class="card-title">视频简介:</h5>
                  <p class="card-text bcad">我是王志伟我是我志伟我是是王志伟我是</p>
                </div>
              </a>
            </div>

            <div class="card border-dark mb-3" style="max-width: 18rem;max-height: 18rem;">
              <a href="Shenghe.html">
                <div class="card-header bcad">标题:</div>
                <div class="card-body text-dark">
                  <h5 class="card-title">作者:</h5>
                  <h5 class="card-title">上传时间:</h5>
                  <h5 class="card-title">视频简介:</h5>
                  <p class="card-text bcad">我是王志伟我是我志伟我是是王志伟我是</p>
                </div>
              </a>
            </div>

            <div class="card border-dark mb-3" style="max-width: 18rem;max-height: 18rem;">
              <a href="Shenghe.html">
                <div class="card-header bcad">标题:</div>
                <div class="card-body text-dark">
                  <h5 class="card-title">作者:</h5>
                  <h5 class="card-title">上传时间:</h5>
                  <h5 class="card-title">视频简介:</h5>
                  <p class="card-text bcad">我是王志伟我是我志伟我是是王志伟我是</p>
                </div>
              </a>
            </div>
          </div>

        </div>-->



        <div aria-label="Page navigation example" style="padding-left: 15%;padding-top: 2%" v-if="false" >
          <ul class="pagination pagination-centered">
            <li class="page-item"><a class="page-link" href="#">上一页</a></li>
            <li class="page-item"><a class="page-link" href="#">1</a></li>
            <li class="page-item"><a class="page-link" href="#">2</a></li>
            <li class="page-item"><a class="page-link" href="#">3</a></li>
            <li class="page-item"><a class="page-link" href="#">4</a></li>
            <li class="page-item"><a class="page-link" href="#">5</a></li>
            <li class="page-item"><a class="page-link" href="#">6</a></li>
            <li class="page-item"><a class="page-link" href="#">7</a></li>
            <li class="page-item"><a class="page-link" href="#">8</a></li>
            <li class="page-item"><a class="page-link" href="#">9</a></li>
            <li class="page-item"><a class="page-link" href="#">10</a></li>
            <li class="page-item"><a class="page-link" href="#">11</a></li>
            <li class="page-item"><a class="page-link" href="#">下一页</a></li>
          </ul>
        </div>

        <div class="col-2">
        </div>

      </div>

    </div>

  </div>
</template>

<script lang="ts" setup>


import request from "@/hooks/request";
import {router} from "@/router";
import {ref} from "vue";
import {VideoData} from "@/types/AllData";

const admin=ref({
  uadmin_id:0,
  email:'',
  name:'',
})
request.get('admin/current').then(re=>{
  if (!re){
    confirm('请登录')
    router.push('admin')
  }
  admin.value=re
}).catch(reason => {
  confirm('请登录')
  router.push('admin')
})
const unCheckedVideos=ref<VideoData[]>([])
const getUnCheck=async ()=>{
  unCheckedVideos.value= await request.get('/admin/get_unchecked_video')
}
getUnCheck()


</script>
<style src="../../assets/css/audit.css" scoped/>
<style scoped>

</style>